<template>
    <div class="remark">
        <!--  v-model="value"  :result.sync="result"  -->
        <!--     <mt-search   ancel-text="取消"   placeholder="请输入..." class="search">
      </mt-search> -->
        <div class="top">
            <input type="text" placeholder="请输入..." class="search"> <span class="send">发送</span>
        </div>


        <div class="footer"><img src="../img/pl1.png" alt=""></div>
    </div>
</template>

<script>
    export default {
        name: 'zjpl',
        data() {
            return {
                result: '',


            }
        },
        methods:{
            
        }
    }
</script>

<style scoped lang="less">
    .top {
        margin: 5px;
        position: absolute;
        bottom: 204px;
        display: flex;
        justify-content: space-between;
      
        .search {
            width: 80%;
            padding: 5px 35px 5px 12px;
            height: 24px;
         
            line-height: 20px;
            border-radius: 21px;
            background-color: rgba(222, 240, 253, 50);
            border: 1px solid rgba(187, 187, 187, 100);
            background-image: url(../img/pl_bg1.png), url(../img/pl_bg2.png);
            background-position: left center, right center;
            background-repeat: no-repeat, no-repeat;


        }

    }

    .footer {
        width: 100%;
        position: absolute;
        bottom: 0;
    }
</style>
